<template>
  <div style="flex:1;" class="flex">
    <tabset v-ref:tabs :close="false" style="height: 100%;" v-if="showAdd" >
       <tab header='用户信息'>
         <user-msg  :data='data' :isread='meterRead' v-if="data.f_usertype === '民用'"></user-msg>
         <fuser-msg  :data='data' :isread='meterRead' v-if="data.f_usertype === '非民用'"></fuser-msg>
       </tab>
       <tab header='设备信息'>
         <equipment-msg :data='data' v-if="data.f_usertype === '民用'"></equipment-msg>
         <fequipment-msg :data='data' v-if="data.f_usertype === '非民用'"></fequipment-msg>
       </tab>
       <tab header='隐患检查'>
         <hidden-check :data='data' v-if="data.f_usertype === '民用'"></hidden-check>
         <hidden-check :data='data' v-if="data.f_usertype === '非民用'"></hidden-check>
       </tab>
       <tab header='用户意见'>
         <user-opinion :data='data'v-if="data.f_usertype === '民用'"></user-opinion>
         <fuser-opinion :data='data'v-if="data.f_usertype === '非民用'"></fuser-opinion>
       </tab>
     </tabset>

  </div>
</template>

<script>
import co from 'co'
import { PagedList } from 'vue-client'
import * as Util from '../Util'

export default {
  title: '安检信息',
  data () {
    return {
      showAdd:true
    }
  },
  props: ['data'],
  ready () {

  },
  methods: {
    search () {

    },
  }
}
</script>
<style media="screen">
  .divtext {
    min-width: 50px;
    max-width: 200px;
    border: 1px solid green;
    display: inline-block;
  }
</style>
